<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <b>工作经历</b>
    <hr>
    <div id="id1">
        公司名称：<input type="text">
        职位：<input type="text"> <a href="#" onclick="delete1()">删除工作经历</a><br>
        <br/>
        工作职责和工作内容描述：<textarea name="" id="" cols="60" rows="10"></textarea>         
       <hr>
       <p style="text-align: right;">
        <a href="#" onclick="add()">添加工作经历</a>
    </p>        
    </div>
 
    
</body>
<script type="text/javascript">
      //添加工作经历
      function add(){
         //首先通过id获取到div;
         var add =document.getElementById('id1');
         //使用innerHTML添加新的节点
         add.innerHTML+=`<div id="id1">
        公司名称：<input type="text">
        职位：<input type="text"> <a href="#" onclick="delete1()">删除工作经历</a><br>
        <br/>
        工作职责和工作内容描述：<textarea name="" id="" cols="60" rows="10"></textarea>         
       <hr>
       <p style="text-align: right;">
        <a href="#" onclick="add()">添加工作经历</a>
       </p>
    </div>`
      }
      

      //删除工作经历
      function delete1(){
          //定义变量，通过id获取到的元素赋值给变量
         var delete1 =document.getElementById('id1');
         if (delete1.hasChildNodes) {
                delete1.removeChild(delete1.lastChild);
         }
      }
</script>
</html>